<template>
  <div class="app-container">
    <el-collapse >
      <el-collapse-item v-for="faq in faqs" :key="faq.id" >
        <template slot="title">
          <div style="font-size: 25px">
            {{ faq.question }}
          </div>
        </template>
        <div style="font-size: 20px"> {{ faq.answer }} </div>
      </el-collapse-item>
    </el-collapse>
  </div>

</template>

<script>
import faq from '@/api/hr/faq'
export default {
  data() {
    return {
      faqs: {}
    }
  },
  created() {
    console.log(11)
    this.init()
    console.log(11)
  },
  methods: {
    init() {
      faq.get_faqs()
        .then(response => {
          this.faqs = response.data.faqs
        })
    }
  }
}
</script>
